<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TEST</title>
</head>
<body>
<section class="border p-4 mb-4 d-flex justify-content-center">
    <div style="width: 22rem;">
        <div id="select-wrapper-600402" class="select-wrapper"><div class="form-outline">
            <input class="form-control select-input placeholder-active active" type="text" role="listbox"
                   aria-multiselectable="false" aria-disabled="false" aria-haspopup="true" aria-expanded="false"
                   readonly=""><span class="select-arrow"></span><div class="form-notch"><div
                class="form-notch-leading" style="width: 9px;"></div><div class="form-notch-middle"
                style="width: 0px;"></div><div class="form-notch-trailing"></div></div></div>
            <select class="select select-initialized">
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
            <option value="4">Four</option>
            <option value="5">Five</option>
            <option value="6">Six</option>
            <option value="7">Seven</option>
            <option value="8">Eight</option>
        </select></div>
    </div>
</section>


<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/mdb.min.css">

<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/mdb.min.js"></script>
</body>
</html>